<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./index.css">

</head>
<body>
    <div class="add">
        姓名 : <input type="text" name="name"> <br>

        性别: 男<input type="radio" name="sex" value="男">
        女<input type="radio" name="sex" value="女">
        保密<input type="radio" name="sex" value="保密"> <br>


        年龄 : <input type="number" name="age"> <br>

        城市 :
        <select name="city" >
            <option>北京</option>
            <option>上海</option>
            <option>广州</option>
            <option>重庆</option>
            <option>天津</option>
            <option>天津</option>
        </select>




        <button>新增</button>
    </div>


    <div class="change">
        <div>
            姓名 : <input type="text" name="name"> <br>

            性别: 男<input type="radio" name="sex" value="男">
            女<input type="radio" name="sex" value="女">
            保密<input type="radio" name="sex" value="保密"> <br>


            年龄 : <input type="number" name="age"> <br>

            城市 :
            <select name="city" >
                <option>北京</option>
                <option>上海</option>
                <option>广州</option>
                <option>重庆</option>
                <option>天津</option>
                <option>天津</option>
            </select><br>

            <button name="true">确定</button>
            <button name="false">取消</button>


        </div>
    </div>





    <table>
        <thead>
            <tr>
                <td>序号</td>
                <td>姓名</td>
                <td>性别</td>
                <td>年龄</td>
                <td>城市</td>
                <td>删除</td>
                <td>修改</td>
            </tr>
        </thead>
        <tbody></tbody>
    </table>

    <script src="./index.js"></script>

</body>
</html>